<!--
 * @Encoding:
 * @Descripttion:
 * @Author: Y2014188432
 * @Date: 2022-05-01 21:13:15
-->
<template>
  <div >
       <div class="block"><el-avatar :size="50" :src="circleUrl"></el-avatar></div>
       <el-tag :type="powerT">{{ powerN }}</el-tag>
       <p>{{ userName }}</p>

  </div>
</template>

<script>
export default {
  name: "MyAside",
  created: function f() {
    var radom = Math.floor(Math.random() * 3);
    this.powerT = this.powerType[radom];
    this.powerN = this.powerName[radom];
  },
  data() {
    return {
      powerType: ["info", "success", "warning", "danger"],
      powerName: ["未认证用户", "认证用户", "管理员", "封禁用户"],
      powerT: "info",
      powerN: "未认证用户",
      userName: "用户_error",
      circleUrl:
        "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
    };
  },
};
</script>

<style scoped>

  .el-header{
    background-color: cornsilk;
  }
</style>
